//<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
//<script type="text/javascript" src="JQuery/JQ.js"></script>
$(document).ready(function(){   //onload
	$("div").click(function(){  //onclick
		$(this).hide().show(1000);
	})
})

$(document).ready(function(){
	$("p").click(function(){
		$(this).animate({
			left:'250px',
    		opacity:'0.5'
		});
		$(this).delay(1000);
		$(this).animate({
		  	left:'100px',
			opacity:'1'
		});
	});
});

$(document).ready(function(){
	  $("#test1").click(function(){
	    $("#test1").text("Hello world!");
	  });
	  $("#test2").click(function(){
	    $("#test2").html("<b>Hello world!</b>");
	  });
	  $("#test3").click(function(){
	    $("#test3").val("Dolly Duck");
	  });
	  
	
		
		
	});
//It is good practice to wait for the document to be fully loaded and ready before working with it.

//$("*")	Selects all elements
//$(this)	Selects the current HTML element	
//$("p.intro")	Selects all <p> elements with class="intro"	
//$("p:first")	Selects the first <p> element	
//$("ul li:first")	Selects the first <li> element of the first <ul>	
//$("ul li:first-child")	Selects the first <li> element of every <ul>	
//$("[href]")	Selects all elements with an href attribute	
//$("a[target='_blank']")	Selects all <a> elements with a target attribute value equal to "_blank"
//$("a[target!='_blank']")	Selects all <a> elements with a target attribute value NOT equal to "_blank"	
//$(":button")	Selects all <button> elements and <input> elements of type="button"	
//$("tr:even")	Selects all even <tr> elements	
//$("tr:odd")	Selects all odd <tr> elements

//////////////////////////////////////////////////////////////////////////////////
//Mouse Events//////Keyboard Events/////Form Events/////Document/Window Events////
//click	////////////keypress////////////submit//////////load//////////////////////
//dblclick//////////keydown/////////////change//////////resize////////////////////
//mouseenter////////keyup///////////////focus///////////scroll////////////////////
//mouseleave////////////////////////////blur////////////unload////////////////////
//////////////////////////////////////////////////////////////////////////////////

//delay(1000);
//hide();
//show();
//toggle(); hide and show
//fadeIn();
//fadeOut();
//fadeToggle(3000); fadeIn and fadeOut
//fadeTo("slow",0.7); to a given opacity (value between 0 and 1)
//slideDown();
//slideUp();
//slideToggle("slow");  slideDown and slideUp

//animate({
//	left:'250px',
//	opacity:'0.5',
//    height:'+=150px',			height:'toggle'
//    width:'+=150px'
//});

//stop(); stop an animation or effect before it is finished.

